import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueSetupExtend from 'vite-plugin-vue-setup-extend'
// 旧版本 vite 想使用 path 模块，需要 const path = require('path')
import path from 'path'

// https://vitejs.dev/config/
export default defineConfig({
  // vueSetupExtend 可以使 setup name 生效
  plugins: [
    vue({
      reactivityTransform: true,
    }),
    vueSetupExtend(),
  ],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src'),
    },
  },
  server: {
    port: 3000,
    open: true,
  },
  css: {
    preprocessorOptions: {
      less: {
        // 把这两个文件注入到所有的组件的 style lang=less 中，就可以直接使用此文件提供的内容了
        additionalData: `
          @import "@/assets/styles/variables.less";
          @import "@/assets/styles/mixins.less";
        `,
      },
    },
  },
})
